:root {
    --rz-series-1: var(--EbcColorBleuPuissant);
    --rz-series-2: var(--EbcOrangeColor);
    --rz-series-3: var(--EbcColorLightGrey);
    --rz-grid-header-font-size: 15.4px; 
    --rz-grid-cell-font-size: 15.4px;
    --rz-primary: var(--EbcColorGrisAzure);
    --rz-sidebar-background-color: var(--EbcColorLight);
    --rz-panel-menu-background-color: var(--EbcColorLight);
    --rz-panel-menu-item-2nd-level-background-color: var(--EbcColorLight);
    --rz-panel-menu-item-background-color: var(--EbcColorLight);
    --rz-primary-light: var(--EbcColorGrisAzure);
    --rz-panel-menu-font-size: var(--rz-body-font-size);
    --rz-panel-menu-icon-font-size: 2rem !important;
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 0 0.5rem 1rem !important;
    --rz-panel-menu-item-2nd-level-offset: 5rem;
    /*--rz-panel-menu-item-2nd-level-hover-background-color: var(--EbcColorLightLight);
    --rz-panel-menu-item-2nd-level-hover-background-color: pink;*/
    /*--rz-panel-menu-item-2nd-level-hover-color: var(--EbcColorLightLight);*/
    
    --rz-panel-menu-item-3nd-level-hover-color: #313638;
    --rz-panel-menu-item-3rd-level-hover-background-color: background: var(--EbcColorLight);;
    --rz-panel-menu-item-3rd-level-active-background-color: transparent;
    
    --rz-panel-menu-hover-background-color: pink;
    --rz-panel-menu-icon-color: #313638;
    --rz-panel-menu-item-active-color: #313638;
    --rz-panel-menu-font-weight: 0;
    /*--rz-panel-menu-hover-color: var(--EbcColorLightLight);*/
    --rz-paginator-numeric-button-color: var(--EbcColorDark);
    --rz-grid-selected-color: var(--EbcColorDark);
    --rz-rating-selected-color: var(--EbcColorBleuPuissant);

    /*--rz-panel-background-color: var(--EbcColorLight);*/

    --rz-tabs-padding: 8px;
    --rz-tabs-background-color: transparent;
}

.rz-navigation-item-text {
    flex: auto;
    max-width: fit-content;
}

/*================================================================================================*/
/* RadzenDropDown */
/*================================================================================================*/

.rz-dropdown-item, .rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
    padding: 4px !important;
    /*padding: 12px 0 0 2px !important;*/
}

.rz-dropdown {
    /*height: 30px;*/
    /*padding: 3px 2px 4px 10px;*/
    /*margin: auto 0;*/
}

.rz-dropdown {
    height: 30px;
}

.rz-label {
    margin: 0 4px 0 0;
    font-weight: bold;
}

/*================================================================================================*/
/* RadzenPanel */
/*================================================================================================*/

.rz-panel {
    margin: 4px;
}

.rz-panel-titlebar {
    font-weight: bold;
    font-size: 110%;
    padding: 0 0 4px 0px;
}

.rz-panel-content {
    /*background: var(--EbcColorLightLight);*/
    /*padding: 8px;*/
}

.rz-panel-menu {
    margin-top: 20px;
    font-size: var(--rz-panel-menu-item-2nd-level-font-size);
    font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
}

    .rz-panel-menu .rz-navigation-item-active,
    .rz-panel-menu .rz-navigation-item-wrapper-active {
        background-color: var(--EbcColorLight);
    }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
        background-color: transparent;
        color: var(--rz-panel-menu-item-2nd-level-active-color);
        font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
    }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
        background-color: var(--EbcColorLight);;
        /*border-radius: 18px;*/
        overflow: hidden;
    }

    .rz-panel-menu .rz-navigation-item-link {
        color: var(--EbcColorDarkDark);
        padding: 5px 20px 5px 0;
        transition: 0;
        font-weight: 400;
        font-size: 16px;
    }

.rz-panel-menu .rz-navigation-item-link:hover {
    color: var(--EbcColorAccent);
    background: var(--EbcColorLight);
}

    .rz-panel-menu .rz-navigation-item-icon {
        color: var(--EbcColorAccent) !important;
        margin: 2px 10px 2px 10px !important;
        font-size: 24px;
    }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
        background: var(--EbcColorLight);
    }

    .rz-panel-menu .rz-navigation-item-wrapper:hover {
        background-color: var(--EbcColorLight);
        /*border-radius: 18px;*/
    }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
        font-size: 20px;
        width: 24px;
    }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
        padding: 2px 18px 8px 22px;
    }

    .rz-panel-menu .rz-navigation-item {
        border-bottom: 0;
    }


.rz-cell-data {
    color: var(--EbcColorGrisDark) !important;
}


/*================================================================================================*/
/* RadzenTabs */
/*================================================================================================*/

.rz-tabview-nav a {
    border-style: solid;
    border-radius: 2px 2px 0 0;
    border-width: 0;
    border-color: var(--EbcColorLight);
    /*color: red !important;*/
}

.rz-tabview-nav li a, .rz-tabview-nav li a:not([href]):not([class]) {
    color: var(--EbcColorDarkDark);
    font-weight: bold;
}

.rz-tabview-nav a:hover {
    background-color: var(--EbcColorDark) !important;
    color: var(--EbcColorLightLight) !important;
}

/* TAB SELECTED */
.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected a {
    border-style: solid;
    border-radius: 2px 2px 0 0;
    border-width: 1px 1px 3px 1px;
    border-color: var(--EbcColorGrisSterling);
    background-color: var(--EbcColorLight);
    color: var(--EbcColorBleuPuissant) !important;
    font-weight: bold;
}

/* TABS OVER */
.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected a:hover {
    background-color: var(--EbcColorHeaderGrid);
    color: var(--EbcColorLightLight) !important;
}

.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border: none !important;
}

.rz-tabview-nav li a {
    padding: 3px 6px !important;
}

.rz-tabview-nav li {
    margin: 0 4px 0 0;
    /*background: var(--EbcColorLight);*/
}
    
/*================================================================================================*/
/* Notification */
/*================================================================================================*/
/*.rz-growl-item-container {
    border-radius: 22px !important;
}

.rz-growl-item {
    border-radius: 22px !important;
    box-shadow: 0 5px 10px rgb(111, 111, 111) !important;
    color: var(--EbcColorAccentLight) !important;
}

.rz-growl-message-info .rz-growl-item {
    background-color: var(--EbcColorAccent) !important;
    border-radius: 11px !important;
}

.rz-growl-image {
    visibility: collapse !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 110% !important;
}

.rz-growl-title {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 11px 0;
    border-style: solid;
    border-color: var(--EbcColorAccentLight);
    border-width: 0 0 1px 0;
}
    */

/*================================================================================================*/
/* Notification */
/*================================================================================================*/

.rz-growl-item-container {
    border-radius: 11px !important;
}

.rz-growl-item {
    border-radius: 11px !important;
    box-shadow: 0 5px 10px rgb(111, 111, 111) !important;
    color: var(--EbcColorDarkDark) !important;
}

.rz-growl-message-info .rz-growl-item {
    border-radius: 11px !important;
}

.rz-growl-image {
    visibility: collapse !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 110% !important;
}

.rz-growl-title {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 11px 0;
    border-style: solid;
    border-color: var(--EbcColorDarkDark);
    border-width: 0 0 1px 0;
}

/*================================================================================================*/
/* RadzenSelectBar */
/*================================================================================================*/

.rz-selectbutton {
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: var(--EbcColorLight);
}

/*.rz-button.rz-button-sm {
    color: var(--EbcColorDarkDark);
}

.rz-selectbutton .rz-button.rz-button-sm:first-child {
    border-color: red;
}

.rz-selectbutton .rz-button.rz-button-sm:last-child {
    border-color: red;
}*/

.rz-selectbutton .rz-button.rz-button-sm.rz-state-active {
    color: var(--EbcColorAccent);
}

/*================================================================================================*/
/* Grid */
/*================================================================================================*/

.rz-datatable-thead th, .rz-grid-table thead th {
    background-color: var(--EbcColorHeaderGrid);
}

.rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content {
    white-space: break-spaces;
    font-weight: bold;
}

.rz-chkbox-box {
    border-color: var(--EbcColorLight);
}

.rz-chkbox-box .rzi {
    color: var(--EbcColorDark);
}

.rz-chkbox-box.rz-state-active {
    border-color: var(--EbcColorLight);
}